<!DOCTYPE html>
<html>
<head>
{include file="public/meta"} 
{include file="public/seos"} 
{include file="public/include"}
</head>
<body>
{include file="public/head"}
{if$conch['art']['banner']['btn']==1}
<div id="conch-banner" class="conch-banner conch-content">
    <div class="conch-brwrap conch-brwrap-art{if$conch['theme']['nav']['has']==1} hl-marg-top{/if}">
        <div class="container">
            <div class="hl-row-box clearfix">
                <div class="hl-col-xs-12 hl-col-md-70w hl-col-lg-9">
                    <div class="conch-br-box hl-marg-right20 hl-hidden">
                        <div class="conch-br-swiper">
                            <ul class="hl-br-list swiper-wrapper clearfix">
                                {maccms:art num="'.$conch['art']['banner']['num'].'" paging="no" type="current" level="'.$conch['art']['banner']['level'].'" order="'.$conch['art']['banner']['order'].'" by="'.$conch['art']['banner']['by'].'"}
                                <li class="hl-br-item swiper-slide">
                                    <a class="hl-br-thumb hl-lazy" href="{:mac_url_art_detail($vo)}" title="{$vo.art_name}" data-original="{$vo.art_pic_slide|mac_default=$vo.art_pic|mac_url_img}">
                                        <div class="hl-br-text hl-text-white">
                                           <div class="hl-br-type">{$vo.type.type_name}</div>
                                           <div class="hl-br-title hl-lc-2">{$vo.art_name}</div>
                                        </div>
                                    </a>
                                </li>
                                {/maccms:art} 
                            </ul>
                            <div class="swiper-pagination"></div>
                            <div class="hl-br-arrow hl-hidden-xs">
                                <a class="hl-text-white swiper-button-prev" href="javascript:;"><i class="iconfont hl-icon-jiantouzuo"></i></a>
                                <a class="hl-text-white swiper-button-next" href="javascript:;"><i class="iconfont hl-icon-jiantouyou"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hl-col-xs-12 hl-col-md-30w hl-col-lg-3 hl-hidden-xs hl-hidden-sm">
                    <div class="row">
                    <div class="conch-br-box">
                        {maccms:art num="2" paging="no" type="current" start="'.($conch['art']['banner']['num']+1).'" order="'.$conch['art']['banner']['order'].'" by="'.$conch['art']['banner']['by'].'"}
                        <div class="hl-brrt-item hl-col-xs-6 hl-col-md-12">
                            <a class="hl-item-thumb hl-lazy" href="{:mac_url_art_detail($vo)}" title="{$vo.art_name}" data-original="{$vo.art_pic_slide|mac_default=$vo.art_pic|mac_url_img}">
                                <div class="hl-pic-icon hl-hidden-xs"><i class="iconfont hl-icon-lianjie"></i></div>
                                <div class="hl-pic-text">
                                   <div class="hl-br-type">{$vo.type.type_name}</div>
                                   <div class="hl-br-title hl-lc-2">{$vo.art_name}</div>
                                </div>
                            </a>
                        </div>
                        {/maccms:art}
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>{/if}
<div id="conch-content" class="conch-content">
    <div class="conch-ctwrap conch-brwrap-art">
        <div class="container">
        {include file="ads/ads-all"}
        </div>
        {if$conch['art']['hotvod']['btn']==1}
        <div class="container">   
            <div class="hl-row-box clearfix">
                <div class="hl-rb-vod hl-swiper-item clearfix">
                    <div class="hl-rb-head clearfix">
                        <h2 class="hl-rb-title">最近热播</h2>
                    </div>
                    <div class="row">
                        <div class="hl-list-wrap hl-list-swiper">
                            <ul class="hl-vod-list swiper-wrapper clearfix">
                            {maccms:vod num="10" paging="no" type="1,2,3,4" order="desc" by="hits_week"}
                                <li class="hl-list-item hl-col-xs-4 hl-col-sm-3 hl-col-lg-20w hl-slide-swiper">
                                {include file="widget/vod-item"}
                                </li>
                            {/maccms:vod}
                            </ul>
                            <div class="hl-ls-arrow hl-hidden-xs">
                                <a class="swiper-button-prev" href="javascript:;"><i class="iconfont hl-icon-jiantouzuo"></i></a>
                                <div class="swiper-pagination"></div>
                                <a class="swiper-button-next" href="javascript:;"><i class="iconfont hl-icon-jiantouyou"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {/if}
        <div class="container">
            <div class="hl-col-xs-12 hl-col-md-70w hl-col-lg-9">
                <div class="hl-row-box clearfix">
                    <div class="hl-row-box hl-rb-art hl-marg-right50 clearfix">
                        <div class="hl-rb-head clearfix">
                            <h2 class="hl-rb-title">{$conch['art']['index']['title']|mac_default='最新文章'}</h2>
                            <span class="hl-rb-type-child hl-hidden-xs hl-hidden-sm">
                            {maccms:type mid="2" type="all" order="asc" by="sort"}
                            <a href="{:mac_url_type($vo)}" class="hl-bg-subs hl-bg-hover">{$vo.type_name}</a>
                            {/maccms:type}
                            </span>
                        </div>
                        <div class="row">
                            <div class="hl-list-wrap">
                                <ul class="hl-art-list clearfix" id="list">
                                {maccms:art num="'.$conch['art']['index']['num'].'" type="all" order="'.$conch['art']['index']['order'].'" by="'.$conch['art']['index']['by'].'"}
                                    <li class="hl-list-item hl-col-xs-12">
                                    {include file="widget/art-item"}
                                    </li>
                                {/maccms:art}
                                </ul>
                                <div class="hl-goto-box">
                                    <a class="hl-list-more hl-bg-subs hl-text-muted" href="javascript:;" data-page="2">加载更多</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="hl-marg-right50">
                    {include file="ads/ads-sw"}
                    </div>
                </div>
            </div>
            <div class="hl-col-xs-12 hl-col-md-30w hl-col-lg-3 hl-hidden-xs hl-hidden-sm">
                <div class="hl-row-box clearfix">
                    <div class="hl-rb-side clearfix">
                        {include file="module/artside"}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function() {
            $(".hl-list-more").click(function(){
                var $that = $(this);
                $.ajax({
                    type: "get",
                    url: "{$maccms.path}index.php/ajax/data.html?mid=2&page="+$that.attr('data-page')+"&limit={$conch['art']['index']['num']}",
                    dataType: "json",
                    success: function(data) {
                        var _list="";
                        $.each(data.list,function(i,e){
                            _list+='<li class="hl-list-item hl-col-xs-12"><div class="hl-item-wrap"><div class="row"><div class="hl-item-div"><div class="hl-item-pic hl-col-xs-4 hl-col-lg-30w"><a href="'+e.detail_link+'" title="'+e.art_name+'" class="hl-item-thumb hl-lazy" style="background-image:url('+e.art_pic+')"><span class="hl-pic-icon hl-hidden-xs"><i class="iconfont hl-icon-lianjie"></i></span></a></div><div class="hl-item-content hl-col-xs-8 hl-col-lg-70w"><a class="hl-text-site" href="'+e.detail_link+'" title="'+e.art_name+'"><div class="hl-item-title">'+e.art_name+'</div><p class="hl-lc-2 hl-hidden-xs hl-text-subs">'+e.art_blurb+'</p></a><div class="hl-item-blurb hl-lc-1 hl-text-muted"><span><i class="hl-item-class">'+e.type.type_name+'</i><i>'+e.art_time+'</i></span></div></div></div></div></div></li>'
                        });
                        $('#list').append(_list);
                        $that.attr("data-page", parseInt($that.attr("data-page")) + 1);
                        if ($that.attr("data-page") == '20'||_list == '') {
                           $that.hide();
                           $(".hl-goto-box").append("<p class='hl-text-center hl-text-muted' style='margin-top:25px;'>我是有底线的~</p>");
                        }
                    },
                    error:function(){
                      alert("加载失败，请稍后再试");
                    }
                });				
            });
        });
    </script>
</div>  
{include file="public/foot"}
</body>
</html>